<!-- <ul nz-menu [nzMode]="'inline'" style="width: 240px;" class="sidebar">
    <li nz-menu-item>
        <i class="anticon anticon-cloud"></i>版本发布平台
    </li>
    <li nz-submenu>
        <span title><i class="anticon anticon-appstore"></i> 项目总览</span>
        <ul>
            <li nz-menu-group>
                <span title>Item 1</span>
                <ul>
                    <li nz-menu-item>Option 1</li>
                    <li nz-menu-item>Option 2</li>
                </ul>
            </li>
            <li nz-menu-group>
                <span title>Item 2</span>
                <ul>
                    <li nz-menu-item>Option 3</li>
                    <li nz-menu-item>Option 4</li>
                </ul>
            </li>
        </ul>
    </li>
    <li nz-submenu>
        <span title><i class="anticon anticon-bars"></i> 项目管理</span>
        <ul>
            <li nz-menu-item>Option 5</li>
            <li nz-menu-item>Option 6</li>
            <li nz-submenu>
                <span title>Submenu</span>
                <ul>
                    <li nz-menu-item>Option 7</li>
                    <li nz-menu-item>Option 8</li>
                </ul>
            </li>
        </ul>
    </li>
    <li nz-submenu>
        <span title><i class="anticon anticon-layout"></i> 产物管理</span>
        <ul>
            <li nz-menu-item>Option 9</li>
            <li nz-menu-item>Option 10</li>
            <li nz-menu-item>Option 11</li>
        </ul>
    </li>
</ul> -->

<!-- <nz-sider [nzWidth]="200" style="background:#fff">
    <ul nz-menu [nzMode]="'inline'" style="height:100%">
        <li nz-submenu>
            <span title><i class="anticon anticon-user"></i>subnav 1</span>
            <ul>
                <li nz-menu-item>option1</li>
                <li nz-menu-item>option2</li>
                <li nz-menu-item>option3</li>
                <li nz-menu-item>option4</li>
            </ul>
        </li>
        <li nz-submenu>
            <span title><i class="anticon anticon-laptop"></i>subnav 2</span>
            <ul>
                <li nz-menu-item>option5</li>
                <li nz-menu-item>option6</li>
                <li nz-menu-item>option7</li>
                <li nz-menu-item>option8</li>
            </ul>
        </li>
        <li nz-submenu>
            <span title><i class="anticon anticon-notification"></i>subnav 3</span>
            <ul>
                <li nz-menu-item>option9</li>
                <li nz-menu-item>option10</li>
                <li nz-menu-item>option11</li>
                <li nz-menu-item>option12</li>
            </ul>
        </li>
    </ul>
</nz-sider> -->

<nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzCollapsedWidth]="0" [nzBreakpoint]="'lg'">
    <div class="logo">
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">
        <li nz-menu-item><span><i class="anticon anticon-appstore"></i><span class="nav-text">项目总览</span></span>
        </li>
        <li nz-menu-item><span><i class="anticon anticon-bars"></i><span class="nav-text">项目管理</span></span>
        </li>
        <li nz-menu-item><span><i class="anticon anticon-layout"></i><span class="nav-text">产物管理</span></span>
        </li>
        <li nz-menu-item><span><i class="anticon anticon-user"></i><span class="nav-text">用户管理</span></span>
        </li>
    </ul>
</nz-sider>